<jsp:useBean id="Constants" class="battleship.Constants" scope="page" />
<jsp:useBean id="LoginInfo" class="battleship.LoginInfo" scope="page" />

<%= Constants.DOCTYPE %>
<html>
<head>
<%= Constants.META_CONTENT %>
<title><%= Constants.TITLE %> - Home</title>
<%= Constants.LINK_CSS %>
<body>
	<% if (LoginInfo.loggedIn(session)) {
		if(request.getParameter("message") != null){%>
		<%= request.getParameter("message") %>
		<%}%>
			
	<h1>Profile Editing</h1>
	<form enctype="multipart/rom-data" method="post" action="Profileedit" name="nicknamechange">
		<font size="3"><b>New Nickname: </b></font>
		<input type="text" name="newNickname"/>
		<br/>		
		<input type="submit" value="Change Nickname"/> 
		<br/>
	</form>
	<form method="get" action="Profileedit" name="avatarchange">
		<br/>
		<br/>
		<font size="3"><b>Select New Avatar: </b></font>
		<br/>
		<table>
			<tr>
				<td><img src="avatar1.png"></img></td>
				<td><img src="avatar2.png"></img></td>
				<td><img src="avatar3.png"></img></td>
				<td><img src="avatar4.png"></img></td>
				<td><img src="avatar5.png"></img></td>
				<td><img src="avatar6.png"></img></td>
				<td><img src="avatar7.png"></img></td>
				<td><img src="avatar8.png"></img></td>
			</tr>
			<tr>
				<td><input value="1" type="radio" name="avatar"/></td>
				<td><input value="2" type="radio" name="avatar"/></td>
				<td><input value="3" type="radio" name="avatar"/></td>
				<td><input value="4" type="radio" name="avatar"/></td>
				<td><input value="5" type="radio" name="avatar"/></td>
				<td><input value="6" type="radio" name="avatar"/></td>
				<td><input value="7" type="radio" name="avatar"/></td>
				<td><input value="8" type="radio" name="avatar"/></td>
			</tr>
		</table>
		<input type="submit" value="Change Avatar"/>
		<br/>
	</form>
	<br/>
	<br/>
	 <p><font size="3">To go back to main menu <em><a href="index.jsp">Click Here!</a> </em></font></p>
	 <%}else {
		 response.sendRedirect("index.jsp");}%>
	 
	 
</body>
</html>